<html>
<head>
<meta charset="utf-8">
<title>前端解析json</title>
</head>
<script src="jquery-3.3.1.min.js"></script>
<script>
	var url = "../TestJsonServlet";
	function parseJSON() {
		// 1.jQuery.parseJSON:将返回结果按照json格式进行解析
		$.post(url, function(data) {
　　　　　		var parsedJson = jQuery.parseJSON(data); 
			$("#show").html(parsedJson.name + "<br>"+parsedJson.power);
		});
	};
	function type_json(){
		// 2.加参数，指定响应类型为json
		$.post(url, function(data) {
			$("#show").html(data.name + "<br>"+ data.power);
		},"json"// 指定响应类型为json
		);
	}
</script>

</head>

<body>
	<input type="button" value="parseJSON" onclick="parseJSON()">
	<input type="button" value="指定json类型" onclick="type_json()">
	<p id="show"></p>
</body>
</html>
